<!--
@Author: 赵明洋 3016214077

@Date: 2018-12-12

@员工外出申请界面

@Last Modified time: 2018-12-16-->
<div class="box box-primary">
  <div class="box-header with-border">
    <h3 class="box-title">提出请假申请</h3>
  </div>
  <!-- /.box-header -->
  <!-- form start -->
  <div  role="form">
    <div class="box-body">
      <div class="form-group" >
        
        <label for="starttime">请假开始时间:</label>
        <input [(ngModel)] = "start_time" type="date" class="form-control" name="starttime" placeholder="2018/02/08">
        <!-- <span class ="help-block" [class.hidden] ="!formModule.hasError('required','starttime')">
         外出开始时间是必填项
        </span> -->
      </div>
      <div class="form-group">
        <label for="endtime" >请假结束时间:</label>
   
        <input [(ngModel)] = "end_time"  type="date" class="form-control" name="endtime" placeholder="2018/03/22">
       <!--  <span class ="help-block" [class.hidden] ="!formModule.hasError('required','endtime')">
          外出结束时间是必填项
         </span> -->
      </div>


      <div class="form-group">
        <label for="duration">请假时长（天）</label>
   
        <input [(ngModel)] = "duration" type="text" class="form-control" name="duration" placeholder="阿拉伯数字，以天为单位">



        <div class="form-group">
            <label for="reason">详细原因</label>
           <br>
            <textarea [(ngModel)] = "reason"  name="reason" style="width: 1540px; height: 100px" placeholder="请填写原因" ></textarea>
          </div>


    </div>
    <!-- /.box-body -->

    <div class="box-footer">
      <button  (click)=" save()" type="submit" class="btn btn-primary" >确认申请</button>
      &nbsp;&nbsp;
      <button  (click)="cancel()"  type="submit" class="btn btn-primary" >取消</button>
    </div>
  </div>
</div>